* {
margin: 0;
padding: 0;
box-sizing: border-box
}

ul,
ol {
list-style: none;
}

a {
text-decoration: none
}

.hdtop{height: 100px;background: #fff;}
 
.hdtopfl {padding-top: 0px;float: left;}
.hdtopfr{padding-top: 23px;float: right;}
.hdtopfr .hdtop_nav{text-align: right;padding-bottom: 7px;}
.hdtopfr .hdtop_nav a{display: inline-block;color: #333;font-size: 17px;padding:0 10px;}
.hdtopfr .hdtop_nav a i{padding-left: 20px;}
.hdtopfr .hdtop_nav a:last-child i{display: none;}
.hdtopfr  p {color: #514644;font-size: 19px;padding-left: 10px; }
.hdtopfr .hdtop_nav a:hover{color: #977760;}



.header {position:relative;z-index:5;left:0;top:0;width:100%;background:#514644; }
.header nav {text-align: center;margin: auto;}
 .header nav ul li {position:relative;float:left}
.header nav ul li.cur > a ,.header nav ul li:hover > a  { color:#fff; background:#977760 ;}
.header nav ul li:hover .sub-nav {visibility:visible;opacity:1;top:60px}
.header nav ul li>a {position:relative;height:60px; padding:0 51px ;line-height:60px;color:#fff;  font-size:16px;display:block;}
.header nav ul li>a::after {position:absolute;content:'';left:0;bottom:0;width:100%;height:2px;background:#977760;transform:scale(0,1);-webkit-transform:scale(0,1);transition:all .3s;-webkit-transition:all .3s}
.header nav ul li .sub-nav {visibility:hidden;opacity:0;z-index:1;top:100px;left:50%;width:132px;color:#fff;background:rgba(0,0,0,0.3);transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:all .5s;-webkit-transition:all .5s}
.header nav ul li .sub-nav a {display:block;line-height:42px;padding:0px 10px;text-align:center}
.header nav ul li .sub-nav a:hover {background:#977760;color:#fff;}
.header nav ul li>a:hover {color:#fff; background: #977760;}
.header nav ul li .cur {-webkit-transform:scale(1);transform:scale(1);color:#fff; background: #977760;}
.in-header {background:rgba(0,0,0,.05)}
.in-header.cur {background:#977760}
/* 移动导航 */.motop {width:100%;height:70px;position:fixed;padding:0 4%;z-index:999999;display:none;background:#fff;border-bottom:1px solid #fff;box-sizing:border-box;-webkit-transition:all .53s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s;border-bottom:1px solid #ebebeb;}
.motop.on {background:#fff}
.mologo {margin:0 auto;float:left;}
.mologo a {line-height:70px;}
.mologo a span {font-size:12px;margin-left:6px;}
.mologo img {vertical-align:middle;}
.monav {margin-top:23px;cursor:pointer;position:absolute;right:4%;width:30px;height:22px;}
.monav span {width:24px;height:2px;display:block;background:#333;position:absolute;transition:all .5s;}
.monav .s1 {top:5px;}
.monav .s2 {top:11px;}
.monav .s3 {top:17px;}
.monav .s1.on {transform:rotate(45deg);top:10px;}
.monav .s2.on {opacity:0;}
.monav .s3.on {transform:rotate(-45deg);top:10px;}
.navdown {width:100%;background:#fff;position:fixed;top:70px;z-index:9999;display:none;border-top:1px solid #eee;padding-bottom:40px;text-align:center;}
.navdown>ul>li {line-height:46px;font-size:16px;color:#333;position:relative;cursor:pointer;width:92%;margin:0 auto;border-bottom:1px dashed #e6e6e6;}
.navdown>ul>li a {font-size:14px;display:inline-block;width:100%;height:100%;color:#333;}
.navdown>ul>li a:hover {color:#514644;}
.navdown .ul2 {display:none;}
.navdown .ul2 li {line-height:46px;border-top:1px solid #e6e6e6;position:relative;}
.navdown .ul2 li a {margin-left:1%;font-size:12px;color:#333;width:100%;height:100%;display:block;}
.navdown .ul2 li a i {position:absolute;right:4%;}
.navdown>ul>li>a>i {position:absolute;right:4%;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
.navdown>ul>li>a>i.on {-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
.navdown .language {margin-left:4%;line-height:60px;}






.banner{  width:100%; }
.banner .swiper-slide img{ display: block; width:100%;height: 100%;}

.banner .swiper-button-prev, .banner  .swiper-container-rtl .swiper-button-next{font-size: 60px;font-family: "宋体"; color: #fff; display: none; background-image: none;  }
.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{  font-size: 60px;font-family: "宋体"; color: #fff; display: none;  background-image: none;} 
.banner:hover .swiper-button-prev{ display: block; }
.banner:hover .swiper-button-next{ display: block; }
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:5%}
.banner .swiper-pagination-bullet{  background: #fff;  width: 25px;height:  5px; border-radius: 0;opacity: 0.6;}
.banner .swiper-pagination-bullet-active{ background: #514644;opacity: 1; }
.bantxt {position: absolute;    left: 50%; top: 50%; transform: translate(-50%, -50%);}
.bantxt img{max-width: 100%;   }






.ind_search{background: #474340;height: 100px; position: relative;}

  .ind_search  .search-box{ position:absolute;margin-top: 10px;left: 42%;top:21%;width:165px;z-index: 11;}
  .ind_search  .search-box .text{width:100%;background: #373432; color: #fff;padding-left: 35px; height:35px;  line-height: 35px; border-radius: 25px;border: 0; }
  .ind_search  .search-box .btn{ position:absolute; left:0; top:0; width:35px; height:35px;border : 0; background:url(../images/sh.png) no-repeat center center; background-size:50% auto;}
   .ind_search p{ color: #fff;font-size: 16px;text-align: right;line-height: 100px;}
   .ind_search p a{display: inline-block;padding:0 40px ;}




.zx_bg {  padding-top:95px;  }
.zx2 { width:24%;   border: 2px solid #333; padding-top:40px;}
.zx_top2 {  font-size: 45px; text-align: center; padding-bottom: 40px; }
 
.zx_con2 h3 {   height:42px; line-height:42px;   padding-left:30px; clear:both; position: relative;z-index: 100;}
.zx_con2 h3::after{ background: url(../images/inftit.png) no-repeat   ;position: absolute;top: 0;left:-30px;width: 100%; height:42px; display: block;content: "";clear: both;}

.zx_con2 h3 a span{font-size: 12px;font-weight: 100;padding-left: 5px; text-transform:uppercase;}
.zx_con2 h3 a { font-size:18px;font-weight: bold; color:#463931;   z-index: 10;position: relative;}
.zx_con2 h3 a:hover{ color:#977760; }
.zx_con2 ul { padding:0   30px;   border-bottom:solid 1px #eee; margin-bottom:18px; }
.zx_con2 ul li { padding : 15px 0; position: relative; }
.zx_con2 ul li a { font-size:16px; color:#212121;padding-left: 8px;}
.zx_con2 ul li a span{ font-size:12px; color:#8f837a;padding-left: 10px; text-transform:uppercase;}

.zx_con2 ul li a:hover { color:#977760; }
.zx_con2 ul li::after{position: absolute;margin-top: 5px; width: 100%;height: 3px;  background: url(../images/lion.png) no-repeat;background-size: contain;  clear: both;content: "";display: block;}

.zx_con2 .nobor01 { border:none;}

/*板式办公桌*/
.rx { width:76%; padding-left:50px; }
.rx_top { height:80px;}
.rx_top ul li { float:left; width:50%; overflow:hidden;}
.rx_top ul li a { display:block;padding-left: 5%; width:100%;font-size: 22px; height:80px; line-height:80px; background:#d1c9be url(../images/cp_ico02.png) no-repeat 90% 29px; color:#fff;}
.rx_top ul li a span { display:inline-block;font-weight: 100; padding:0 0 0 20px;line-height: 80px; font-size:18px;text-transform:uppercase;}  
 
.rx_top ul li a:hover,.rx_top ul .cur a { background:#8f8679 url(../images/cp_ico01.png) no-repeat 90% 29px;}

.rx_con {  padding: 10px; display:inline-block;box-shadow: 0 7px 7px 1px rgba(0,0,0,0.1); background:#fff url(../images/cp_yy01.png) repeat-x 0 bottom;  width:100%;    border-top:none; border-bottom:none; margin-bottom:30px;}
.rx_con ul li { margin-bottom: 20px;    }
.rx_con ul li .img{overflow: hidden;height: 250px;}
.rx_con ul li img{width: 100%;transition: 1s; height:100%;}
.rx_con ul li:hover img{transform: scale(1.2);}
.rx_con ul li p{font-size: 20px;text-align: center;padding-top: 20px; line-height:30px;}

.tj_top { background:url(../images/cp_xx.gif) no-repeat center 12px; height:25px; line-height:25px; text-align:center;}
.tj_top a { font-family:"宋体"; font-size:18px; color:#50abf2}
.tj_top a em { font-family: Arial; font-size:12px; text-transform: uppercase; color:#616161;}

.tj_con { padding-top:33px;}
.tj_con ul li { float:left; width:280px; padding:0 0 0 15px;}
.tj_con ul li a img { width:280px; height:183px;}
.tj_con ul li span a { background:#fff url(../images/cp_yy01.png) repeat-x 0 bottom; display:block; height:68px; line-height:63px; text-align:center; color:#2c2c2c; font-size:14px; }






 /* 手机产品分类 */
 .sp_header{height:50px;overflow:hidden;background:#8f8679;position: relative;z-index:10;width:100%;display: none;}
 .sp_logo{padding:13px;float:left;height:50px;color: #fff;font-size: 18px;margin-left: 10px;}
 .sp_logo img{margin:auto;max-height:30px;}
 .sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px;margin-right: 10px;}
 .sp_nav span{display:block;background:#fff ;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
 .sp_nav span:nth-of-type(1){top:0px}
 .sp_nav span:nth-of-type(2){top:10px}
 .sp_nav span:nth-of-type(3){top:20px}
 .sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
 .sp_nav_se span:nth-of-type(2){width:0}
 .sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
 .sjj_nav{display: none; background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
 .nav_show{top:50px}
 
 .sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 20px 0 20px;}
 .sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
 .sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
 .sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
 .sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
 .sjj_nav ul li ul{display:none}
 .sjj_nav ul li a{color:#666;width:80%; display:block;}
 .sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
 .sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
 .sjj_nav ul li .sjj_nav_i_se svg{fill:#8f8679}
 .sjj_nav ul li ul li>ul{margin-left:10px}




.indx_title h3{font-size: 42px;color: #624c3e; text-align: center;}
.indx_title p{font-size: 26px; color: #624c3e; text-align: center;padding: 10px 0 40px 0;}
.indx_title_ns h3{ color: #333; }
.indx_title_ns p{ color: #333; }

.indx_case{background: #e5d8cf;padding: 55px 0 60px 0;}
 
 .indx_case  .swiper-pagination-bullet{margin: 0 5px;width: 12px;height: 12px; margin-top: 40px; }
 .indx_case .swiper-pagination{position: relative;}
 .indx_case .swiper-pagination-bullet-active{background: #c2a68a;}
 .case_cen .case_ceni{background: #474340;}
 .case_cen .case_ceni .case_fl:nth-child(3){float: right;}
 .case_cen .case_ceni .case_fl:nth-child(4){float: right;}
 .case_cen .case_ceni .case_fr:nth-child(3){float: left;}
 .case_cen .case_ceni .case_fr:nth-child(4){float: left;}
 .case_cen .case_ceni .case_fl{overflow: hidden;}
 .case_cen .case_ceni .case_fl img{transition: 1s;width: 100%; height:295px;}
 .case_cen .case_ceni:hover .case_fl img{transform: scale(1.2);}
 .case_cen .case_ceni .case_fr{padding: 20px ;}
 .case_cen .case_ceni .case_fr img{padding-top: 12%;display: block;margin: auto;}
 .case_cen .case_ceni .case_fr h4{font-size: 18px;text-align: center; color: #fff;padding : 15px 0; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
 .case_cen .case_ceni .case_fr p{font-size: 16px;color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
 .case_cen .case_ceni .case_fr a{display: block;text-align: center;color: #c2a68a;margin: auto;margin-top: 20px; width: 140px;line-height: 30px;border: 1px solid #c2a68a;}
 .indx_case .swiper-slide {width: 100%!important;}
 .case_cen .case_ceni .case_fr a:hover{background: #624c3e; color: #fff;}


.indx_qa{padding: 30px 0 100px 0;}
.indx_qa .qa_tit{overflow: hidden; border-bottom: 1px solid #999;padding-bottom: 20px;}
.indx_qa .qa_tit p{font-size: 30px;float: left;}
.indx_qa .qa_tit a{font-size: 15px;float: right; display: block;margin-top: 15px;}
.qaul li{padding: 30px 0 10px 0;}
.qaul li p{font-size: 16px;color: #333;font-weight: bold; margin-bottom: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.qaul li span{font-size: 16px;   line-height: 26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.qaul2{padding-top: 30px;}
.qaul2 li{border-bottom: 1px dashed #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.qaul2 li a{display: block;overflow: hidden;}
.qaul2 li p{float: left;width: 70%;font-size: 16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} 
.qaul2 li h6{float: left;width: 30%;text-align: right;} 
.qaul2 li img{padding-right: 5px;}

.indx_qa .qa_fr{padding-left: 80px;}
.qafrcn {overflow: hidden;padding-top: 30px;}
.qafrcn .img{float: left;width: 32%;}
.qafrcn .txt{float: left;width: 68%;padding-left: 10px;}

.qafrcn .txt h3{font-size: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.qafrcn .txt p{font-size: 13px;color: #333;padding-top: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;line-height: 22px;}

.indx_news{margin-bottom: 50px;}
.indx_news .nsfl {text-align:center}
.indx_news .nsfl h2 {font-size:30px;color:#333333;font-weight:500}
.indx_news .nsfl span {font-size:14px;color:#666666; }
.indx_news .nsfr li a{display: block;}
.indx_news li:hover .nsfr h3 {color:#c2a68a}
.indx_news .nsfr li::after {display:block;clear:both;content:"";border:1px dashed #ccc;}
.indx_news .nsfr h3 {font-size:16px;color:#333333;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.indx_news .newsfr {padding-left:30px}
.indx_news .nsfr p {font-size:14px;color:#666666;padding-top:5px;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.indx_news .xian {border-top:1px dashed #e6e6e6;margin:15px 0}
.indx_news .nsfl {padding :15px 10px ; background: #f1f1f1; float: left;width:10%; border-radius: 10px;}
.indx_news .nsfr {  float: left;width:88%;padding-left: 10px;}

.indx_news .newsfl h3 {font-size:16px;font-weight: bold; color:#333333; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-top:15px;}
.indx_news .newsfl p {font-size:14px;color:#666;padding-top:5px;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.indx_news .newsfl .newsfltxt:hover h2 {color:#c2a68a;}
.indx_news .newsfl:hover h3 {color:#c2a68a;}






.indx_grow{background: url(../images/grow_bg.jpg) no-repeat center;background-size: cover;padding: 100px 0;}
.indx_grow .indx_growfl h2{font-size: 45px;color: #fff;}
.indx_grow .indx_growfl h3{font-size:30px;color: #fff;padding: 30px 0 60px 0;}
.indx_grow .indx_growfl p{font-size: 21px;color: #fff;line-height: 40px;}
.indx_grow .indx_growfr{padding-left: 5%;}

.indx_core{margin: 50px 0;}
.core_ul li {text-align: center; margin: auto;}
 
.core_ul li .img1{ background:url(../images/core1.png)   no-repeat ; width: 168px; background-size: cover; height: 169px;margin: 0 auto;transition: 0.4s; }
.core_ul li:hover .img1{background-position-y: 100%;}
.core_ul li .img2{ background:url(../images/core2.png)   no-repeat ; width: 168px;background-size: cover; height: 169px;margin: 0 auto;transition: 0.4s; }
.core_ul li:hover .img2{background-position-y: 100%;}
.core_ul li .img3{ background:url(../images/core3.png)   no-repeat ; width: 168px; background-size: cover;height: 169px;margin: 0 auto;transition: 0.4s; }
.core_ul li:hover .img3{background-position-y: 100%;}
.core_ul li .img4{ background:url(../images/core4.png)   no-repeat ; width: 168px;background-size: cover; height: 169px;margin: 0 auto;transition: 0.4s; }
.core_ul li:hover .img4{background-position-y:  100%;}
.core_ul li h3{font-size: 26px;padding: 30px 0 10px 0;}
.core_ul li p{font-size: 21px;}
.core_ul li a{border: 1px solid #ccc;display: block;padding: 40px 0;}

.mbs{ display:none;}




footer {overflow: hidden;background: #474340;height: 300px;padding: 50px 0;  margin-top: 50px;}
footer .fotfl{width: 40%;float: left;}
footer .fotfl img{float: right;padding-top: 80px;}
footer .fotfr{width: 60%;float: left;padding-left: 5%;}

footer .fotfr .footernav {overflow: hidden;padding-bottom: 40px;}
footer .fotfr .footernav li{float: left;margin-right: 66px;position: relative;}
footer .fotfr .footernav li a{color: #fff;font-size: 14px;display: block;font-weight: 100;}
footer .fotfr .footernav li .kfon{font-weight: bold;}
footer .fotfr .footernav li a:hover{color: #c2a68a;font-size: 14px;}
footer .fotfr .footernav li::after{display: block;content: ""; width: 1px;height: 12px;background: #fff;position: absolute;right:-32px;top: 3px;}
footer .fotfr .footernav li:last-child::after{display: none;}
footer  .ftboxfl p{font-size: 14px;color: #fff;padding-bottom: 10px;}
footer  .ftboxfl p img{padding-right: 12px;}
footer  .ftboxfl{float: left;}
footer  .ftboxfr{float: left;padding-left: 10%;}
.ftboxrxc{text-align: center;}
.ftboxrxc h6{ color: #fff;padding-top: 10px;font-size: 12px;}

.ftbott p{text-align: center;color: #c2a68a;}
.ftbott{line-height: 40px;background: #373432;}

.sitem a{ padding:0 10px;}

.n_about1 .layui-card-header {
    font-size: 16px;
}

.n_search{ height: 140px; position: relative;}
.n_search  .search-boxs{ position:absolute;margin-top: 10px;right: 20%;top:28%;width:180px;z-index: 11;}
.n_search  .search-boxs .text{width:100%; border: 1px solid #9d9d9d; padding-left: 5px;  line-height: 33px; height:33px; border-radius: 25px;  }
.n_search  .search-boxs .btn{ position:absolute; right:0.5px; top:1px; width:55px; height:33px;border : 0; background:url(../images/seh2.png) no-repeat ;  }
.n_search p{ color: #333;font-size: 16px; line-height: 140px;padding-left: 10%;}
.n_search p a{display: inline-block;padding:0 40px ;}

.n_abnav{background: url(../images/n_nav.jpg);height: 36px;padding: 0 30px ;}
.n_abnav p a{float: left;color: #fff;font-size: 16px;line-height: 36px;margin-right: 40px; position: relative;}
.n_abnav p a::after{position: absolute;top: 0;right: -25px; background: url(../images/nav2.png) no-repeat; height: 36px;width: 15px;   clear: both;content: "";display: block;}
.n_abnav p a:last-child::after{display: none;}
.n_abnav p a:hover{color: #c2a68a;}


.n_npro1{margin: 30px 0;}


.np_form{padding:  65px 50px  ;border: 1px solid #333; }
 
.np_form li::after{display: block;clear: both;content: "";}
.np_form li { position: relative;}
.np_form li::before{width: 100%;height: 1px;z-index: 30; display: block;clear: both;content: ""; position: absolute;bottom: 0;border-bottom: 1px dashed #ccc;}
.np_form .np_formfl  {  position: relative; }
.np_form .np_formfl::after{width: calc(100% - -50px);height:calc(100% - -130px);  z-index: 10; position: absolute;left: -50px;top: -65px;background: #eeece8;display: block;clear: both;content: "";}
.np_form li p{  padding : 11px 0; font-size: 16px;z-index: 20;position: relative;}

.np_form .np_formfr{ padding-left: 8%;}


.n_npro2{margin: 30px 0; background: #e4e3e0;padding: 50px 0;}
 
.np2itm li .np2itmfl{float: left;}
.np2itm li .np2itmfr{float: right;padding-right: 25%;}
.np2itm li .np2itmfl h2{font-size: 20px;}
.np2itm li .np2itmfl span{font-size: 12px;margin: 5px 0;display: block;}
.np2itm li .np2itmfl p{font-size: 12px;}
 



.nzx_bg {  padding-bottom:70px  ;  }
.nzx2 { width:24%;   border: 2px solid #333; padding-top:40px;}
.nzx_top2 {  font-size: 40px; text-align: center; padding-bottom: 40px; padding-left: 10px;}
.nzx_con2 h3 {   height:42px; line-height:42px;   padding-left:30px; clear:both; position: relative;z-index: 100;}
 .nzx_con2 h3 a span{font-size: 12px;font-weight: 100;padding-left: 5px; text-transform:uppercase;}
.nzx_con2 h3 a { font-size:18px;font-weight: bold; color:#463931;   z-index: 10;position: relative;}
.nzx_con2 h3 img{margin-top: -3px; margin-right: 5px;}
.nzx_con2 h3 a:hover,.nzx_con2 h3 a.act{ color:#977760; }
.nzx_con2 ul { padding:0   30px;   border-bottom:solid 1px #eee; margin-bottom:18px; }
.nzx_con2 ul li { padding : 15px 0; position: relative; }
.nzx_con2 ul li a { font-size:16px; color:#212121;padding-left: 8px;}
.nzx_con2 ul li a span{ font-size:12px; color:#8f837a;padding-left: 10px; text-transform:uppercase;}
.nzx_con2 ul li a:hover { color:#977760; }
.nzx_con2 ul li::after{position: absolute;margin-top: 5px; width: 100%;height: 3px;  background: url(../images/lion.png) no-repeat;background-size: contain;  clear: both;content: "";display: block;}
.nzx_con2 .nobor01 { border:none;}

.nrx{width: 76%;padding-left: 50px; }
.n_prorx{border: 1px solid #555;padding: 10px;}
.n_prorx img{padding: 10px 0;}


.n_prom1{margin: 30px 0;}
.n_promul{border:2px solid #555;overflow: hidden;padding: 40px 0;}
.n_promul li{padding-bottom: 30px;}
.n_promul li dt{line-height: 42px;padding-left: 18%;}
.n_promul li dt a{font-size: 18px;    font-weight: bold;  color: #463931;  z-index: 10;  position: relative;}
.n_promul li dt a:hover{ color:#977760; }
.n_promul li dt a span{font-size: 12px;font-weight: 100;padding-left: 5px; text-transform:uppercase;}
.n_promul li dt::after{ background: url(../images/inftit.png) no-repeat   ;position: absolute;top: 0;left: 0px;width: 100%; height:42px; display: block;content: "";clear: both;}
.n_promul li dd{padding-left: 18%;}
.n_promul li dd a{font-size: 16px;  padding-left: 10px;    color: #463931;  z-index: 10;  position: relative;}
.n_promul li dd a:hover{ color:#977760; }
.n_promul li dd a span{font-size: 12px; padding-left: 5px; text-transform:uppercase;}
.n_promul dd::after{position: absolute;margin-top: 5px; width: 100%;height: 3px;  background: url(../images/lion.png) no-repeat;background-size: contain;  clear: both;content: "";display: block;}
.n_promul dd{position: relative;padding: 15px 0;}

.n_title{padding: 30px 0;}
 .n_title h3{font-size: 34px;text-align: center;color: #333;padding-bottom: 10px;}
 .n_title p{font-size: 20px;text-align: center;color: #6666;text-transform:uppercase;}

 .n_about1{margin: 50px 0;}
.n_about1 .n_ab1fl p{font-size: 18px;line-height:28px;padding: 10px 0;}
.n_about1 .n_ab1fl {padding-right: 50px;}

.n_about2{margin: 50px 0;}
.n_about2 .ab_ul2{padding-top: 30px;}
.n_about2 .ab_ul2 li{margin-bottom: 30px;}
.n_about2 .ab_ul2 li a{display: block;background: #474340;}
.n_about2 .ab_ul2 li h3{color: #fff;font-size: 26px;padding:   40px;}
.n_about2 .ab_ul2 li .txtbot{background: url(../images/n_ab.png) no-repeat;height: 168px;    background-size: cover;width: 100%;padding: 40px 40px 40px 60px;}
.n_about2 .ab_ul2 li .txtbot p{font-size: 14px;color: #5b5b5b;position: relative;}
.n_about2 .ab_ul2 li .txtbot p::after{position: absolute;width: 3px;height: 10px;background: #3e3e3e; left: -20px; top: 10px;display: block;content: "";clear: both;}



.n_about3 .txt p{text-align: center;color: #333;line-height: 34px;padding: 20px 0;}
#container1 img{ max-width:inherit;}

.pagination-style {
  margin-top: 30px;
  text-align: center;
  overflow: hidden;
}
.pagination-style ul li {
  display: inline-block;
  margin: 5px;
}
.pagination-style ul li a {
padding: 8px 12px;
  border: 1px solid #e8e8e8;
  display: block;
  border-radius: 20px;
  color:#888;
}
.pagination-style ul li a:hover {
  background: #333;
  color: #fff;
}
.pagination-style ul .active a {
  color: #fff;
  background: #333;
}


.alert-danger {
    background-color: #977760;
    border-color: #234398;
    color: #fff;
}
.alert {
    padding: 5px;
    border: 1px solid transparent;
    border-radius: 4px;
margin-bottom: 20px;
}



.n_faq{margin: 80px 0;}
.n_fqatit h3{font-size: 42px;text-align: center;}
.n_fqatit p{font-size: 22px;text-align: center;color: #666;}
.n_faq .faqul{padding-top: 50px;}
.n_faq .faqul li a{display: block;width: 100px;float: right; line-height: 35px;text-align: center;color: #fff; background: #8f8679;border-radius: 20px;} 
.n_faq .faqul li h3{font-size: 26px;font-weight: bold;padding-bottom: 20px;}
.n_faq .faqul li h3 img{padding-right: 20px;}
.n_faq .faqul li p{font-size: 20px;line-height: 40px; padding-left: 50px;position: relative;color: #666;}
.n_faq .faqul li p::after{position: absolute;background: url(../images/aks2.jpg) no-repeat;width: 35px;height: 35px; left:  0px;top: 5px;display: block;content: "";clear: both;}
.n_faq .faqul li{margin-bottom: 80px;}




.n_case{margin: 80px 0;}
.n_caseul li {margin-bottom: 30px;overflow: hidden; box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);}
.n_caseul li a{display: block;}
.n_caseul li .img2{overflow: hidden; }
.n_caseul li:hover .img2 img{transform: scale(1.2);}
.n_caseul li  .img2 img{transition: 1s;width: 100%;}
.n_caseul li .txt{padding-left: 30px;}
.n_caseul li .txt h2{font-size: 20px;font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding-top: 40px;  }
.n_caseul li .txt h2 img{padding-left: 20px; }
.n_caseul li .txt h3{font-size: 14px;color: #333; padding: 15px 0;}
.n_caseul li .txt p{font-size: 18px;color: #333;line-height: 30px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.n_caseul li .txt span{font-size: 12px;float: right; margin-right: 40px; color: #333;line-height: 25px;text-transform:uppercase;text-align: center; border: 1px solid #ccc; width: 100px;display: block;}
.n_caseul li:hover .txt span{background: #624c3e;color: #fff;}

.n_caseul2 li{overflow: hidden;border-bottom: 1px solid #555;padding-bottom: 10px;margin-bottom: 40px;}
.n_caseul2 li .nsfl {text-align:center}
.n_caseul2 li .nsfl h2 {font-size:36px;color:#fff;font-weight:500}
.n_caseul2 li .nsfl span {font-size:16px;color:#fff; }
.n_caseul2 li .nsfr li a{display: block;}
.n_caseul2 li:hover .nsfr h3 {color:#c2a68a}
.n_caseul2 li .nsfr li::after {display:block;clear:both;content:"";border:1px dashed #ccc;}
.n_caseul2 li .nsfr h3 {font-size:18px;color:#333333;font-weight: bold;padding-top: 10px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_caseul2 li .newsfr {padding-left:30px}
.n_caseul2 li .nsfr p {font-size:14px;color:#666666;padding-top:5px;line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 .n_caseul2 li .nsfl {padding :15px 10px ; background: #474340; float: left;width:10%; border-radius: 10px;}
.n_caseul2 li .nsfr {  float: left;width:88%;padding-left: 10px;}
.n_caseul2 li .nsfr span{font-size: 12px;float: right; margin-right: 40px; color: #333;line-height: 25px;text-transform:uppercase;text-align: center; border: 1px solid #ccc; width: 100px;display: block;}
.n_caseul2 li:hover .nsfr span{background: #624c3e;color: #fff;}


.case_cenpg{width: 28%; border: 2px solid #333; padding-top:40px;}
.case_cenpg2{width:72%;padding-right: 40px;}

.case_bott .case_tit{background: #edeae6;padding: 30px 0;}
.case_bott .case_tit h3{font-size: 32px;font-weight: bold;text-align: center;}
.case_bott .case_tit p{font-size: 16px; text-align: center;color: #666;padding-top: 20px;}

.case_bott .case_txt{border: 2px solid #333;padding: 10px; margin-top: 20px;}
.case_me {overflow: hidden;background: #474340; padding: 20px 20px; margin-top: 40px;}
.case_me .casemefl{width: 50%;color: #fff; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case_me .casemefr{width: 50%;color: #fff; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.case_box {padding: 0 40px;}
.case_box h3{font-size: 18px;font-weight: bold;margin-top: 30px ; }
.case_box h3 span{color: #666;font-size: 12px;text-transform: uppercase;}
.case_box   img{width: 100%;}
.case_box  ul{padding-top: 20px;}
.case_box li{margin-bottom: 20px;}
.case_box li a{display: block;}
.case_box li h5{font-size: 14px;color: #333;font-weight: bold; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.case_box li h6{font-size: 12px;padding: 10px 0; color: #666; font-size: 12px; }
.case_box li p{font-size: 12px;color: #666; font-size: 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.assesstit{padding: 30px 0;}
.assesstit h3{font-size: 45px;text-align: center; }
.assesstit p{font-size: 30px;text-align: center; }

.n_assess{margin: 20px 0;}
.n_assess .top p{text-align: center;margin: 0 auto;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 20px 0; }
.n_assess .top p a{display: inline-block  ;font-size: 16px; line-height: 30px; width: 115px;text-align: center;border-radius: 20px; }
.n_assess .top p a:hover{  background: #474340;color: #fff;}
.n_assess .top p a.on{  background: #474340;color: #fff;}

.assul{padding-top: 50px;overflow: hidden;}
.assul li{border-bottom: 1px dashed #ccc;padding-bottom: 20px;margin-bottom: 20px;}
.assul li a{display: block;overflow: hidden;}
.assul li p{float: left;width: 70%;font-size: 16px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} 
.assul li h6{float: left;width: 30%;text-align: right;} 
.assul li img{padding-right: 5px;}


.forpm{padding: 0 20%;}
.forpm h4{font-size: 36px;text-align: center;padding: 50px 0;}
.ditu{padding: 6% 6%;box-shadow: 0 0 15px 1px rgba(0,0,0,0.1);margin-top: 60px;}
.ditutxt{padding-right: 30px; }
.dtbox{box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);padding:20px 40px 40px 40px; }
.dtbox p{padding: 11.2px 0;}
.dtbox p img{padding-right: 15px;}
.ditutxt h3{color: #fff;font-size: 16px;text-align: center; padding: 25px 0;background: #8f8679;box-shadow: 0 0 10px 1px rgba(0,0,0,0.1);}

.ovh {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

 
.weixin img.qrcode {
  position: absolute;
  top: 62px;
  right: 0px;
  width:98px;
  height: 98px;
  transform: scale(0);
  transform-origin: top right;
  opacity: 0;
  border: 3px solid #977760;
  border-radius:5px;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
 
}
 
.weixin:hover img.qrcode {
    transform: scale(1);
    opacity: 1;
	  z-index: 99999;
	}

.ne_ws{overflow: hidden;padding-top: 40px;}
.ne_ws li::after{display: block;content: "";clear: both;}
.ne_ws li{margin-bottom: 30px;}
.ne_ws li a{display: block;background: #fff;overflow: hidden;}
 .ne_ws li .ntimetxt { padding:  20px 0;  background: #d1c9be;text-align: center;margin-top: 50%;}
.ne_ws li .ntimetxt h5 {  font-size: 38px;color: #333;  }
.ne_ws li .ntimetxt h4 {  font-size: 18px;  color: #666;}
.ne_ws li .nimg{float: left;width:25%; overflow: hidden;height: 0;padding-bottom:18%;}
.ne_ws li .ntime{float: left;width:8%;  position: relative;}
.ne_ws li .ns_bot{width: 92%;overflow: hidden;background: #f0f0f0;}
.ne_ws li .ntxt{float: left;width:75%;padding-left: 30px;padding-right: 30px;}
.ne_ws li .ntxt h3{font-size: 18px;padding-top: 30px;font-weight: bold; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ne_ws li .ntxt p{font-size: 14px;padding-top: 15px; line-height: 26px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ne_ws li .nimg img{transition: 1s;width: 100%;}
.ne_ws li .ntxt span{width: 90px;line-height: 30px;margin-top: 20px; text-align: center;color: #fff;background: #8f8679;display: block;border-radius: 20px;}
.ne_ws li:hover .ntxt h3{color: #c2a68a;}
.ne_ws li:hover .nimg img{transform: scale(1.2);}
.ne_ws li:hover .ntxt span{background: #c2a68a;}

.ns_nybtbox li{border-bottom: 1px dashed #ccc;padding: 10px;}
.ns_nybtbox li a{display: block;font-size: 14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ns_nybtbox li a img{margin-top: -3px;padding-right: 5px;}
.ns_nybtbox h3{font-size:24px;padding: 20px 0;border-bottom : 1px solid #333;}
@media(max-width:1560px) {
  .header nav ul li>a{padding: 0 32px;}
  .zx_con2 ul{padding: 0 10px;}
  .indx_news .nsfl { width: 15%;  }
  .indx_news .nsfr {  width:85%; }
  footer .fotfl{width: 30%; }
  footer .fotfr{width: 70%; }

  .n_search p{padding-left: 0;}
  .n_search p a{padding:0 20px;}
  .n_search .search-boxs{right: 0;}
  .ditu{padding: 3%;}
  .ne_ws li .ntxt span{margin-top: 10px;}
  .ne_ws li .ntxt h3{padding-top: 20px;}
}

@media(max-width:1440px) {

  .search-box{left: 30%;}

  .indx_grow .indx_growfl h2{font-size: 40px; }
  .indx_grow .indx_growfl h3{font-size:26px; }
  .indx_grow .indx_growfl p{font-size: 18px; }
}

@media(max-width:1366px) { 
  .header nav ul li>a{padding: 0 26px;}
  .ind_search  .search-box{left: 40%;}
  .case_cen .case_ceni .case_fr img{padding-top: 5%;}
  .n_about1 .n_ab1fl p{padding: 5px 0;font-size: 16px;}

  .dtbox{padding: 20px 30px 30px 30px;}
}




@media(max-width:1200px) {
  .header nav ul li>a{padding: 0 15px;}
  .rx_top ul li a span{font-size: 12px;}
  .rx_top ul li a {font-size: 18px;}
  .rx_con ul li p{font-size: 16px;}
  .zx_con2 ul li a span{display: none;}
  .zx_con2 h3 a span{display: none;}
  .case_cen .case_ceni .case_fr h4{font-size: 16px;padding: 5px 0;}
  .case_cen .case_ceni .case_fr p{font-size: 14px;}
  .case_cen .case_ceni .case_fr img{padding-top:1%;}
  .indx_grow .indx_growfl h2{font-size: 30px; }
  .indx_grow .indx_growfl h3{font-size:20px; }
  .indx_grow .indx_growfl p{font-size: 16px;line-height: 34px; }
  .core_ul li h3{font-size: 16px;padding: 20px 0 10px 0;}
.core_ul li p{font-size: 12px;}
footer .fotfr .footernav li{margin-right: 40px;}
footer .fotfr .footernav li::after{right: -20px;}
.np_form{padding: 10px;}
.np_form .np_formfl::after{top: -10px;left: -10px;     width: calc(100% - -20px); height: calc(100% - -20px);}

.nrx_top ul li a span{font-size: 12px;}
.nrx_top ul li a {font-size: 18px;}
.nrx_con ul li p{font-size: 16px;}
.nzx_con2 ul li a span{display: none;}
.nzx_con2 h3 a span{display: none;}

.n_promul li dd a span{display: none;}
.n_promul dd::after{width: 80%;}
.n_about1 .n_ab1fl p{line-height: 24px;font-size: 14px;}
.n_about2 .ab_ul2 li .txtbot{padding: 15px 15px 15px 30px;}
.n_about2 .ab_ul2 li h3{padding: 20px; font-size: 18px;}
.n_caseul li .txt h3{font-size: 12px;padding: 7px 0;}
.n_caseul2 li .nsfl{width: 15%;}
.n_caseul2 li .nsfr{width: 85%;}
.n_caseul li .txt p{font-size: 14px;line-height: 24px;}
.n_caseul li .txt h2{padding-top: 5px;}

.dtbox{padding: 10px;}
.ne_ws li .ntxt h3{padding-top: 10px;}
.ne_ws li .ntxt p{padding-top: 10px;line-height: 23px;}
}

@media(max-width:1024px) {
  .hdtop{display: none;}
  .header {display: none;}
  .motop{display: block;}
  .mologo img{height: 40px;}
  .banner{padding-top: 70px;}
  .zx2{display: none;}
  .rx{width: 100%;padding-left: 0;}

  .sp_header{display: block;}
  .nzx2{display: none;}
  .nrx{width: 100%;padding-left: 0;}
  .n_prom1{display: none;}
  .case_cenpg  {display: none!important;}
.case_cenpg2 {width: 100%!important;padding-right: 0;}
}

@media(max-width:993px) {
  .indx_news .newsfr{ padding-left: 0; }
  .indx_qa .qa_fr{padding-left: 0;}
.main-nav-m{display:block!important;position:relative;z-index:10;cursor:pointer;  }
.main-nav-m .title{position:relative;height:45px;line-height:45px;padding:0 10px;background:#005bae;}
.main-nav-m .title strong{color:#fff;font-size:16px;font-weight:700}
.main-nav-m .title i{position:absolute;content:'';width:45px;height:100%;right:0}
.main-nav-m .title i::after,.main-nav-m .title i::before{position:absolute;top:50%;content:'';width:12px;height:1px;background:#fff;transition:all .3s;-webkit-transition:all .3s}
.main-nav-m .title i::before{left:46%;transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
.main-nav-m .title i::after{right:46%;transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::before{transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
.main-nav-m .title.active i::after{transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
.main-nav-m ul{display:none;position:absolute;top:45px;width:100%;padding:0 10px;background:rgba(33, 134, 192, 0.8);color:#fff}
.main-nav-m ul li{animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
.main-nav-m ul li a{display:block;height:45px;line-height:45px;border-bottom:1px solid rgba(255,255,255,.55); color:#fff;}

footer{display: none;}
.forpm{padding: 0;}
.ditutxt {padding-right: 0;}
}

@media(max-width:768px) {
  .n_banner{padding-top: 70px;}
  .ind_search p { width:100%;}
  .ind_search p a{padding: 0 10px;}
  .ind_search .search-box{left: 0%; top: 21%;}
  .ind_search {text-align: inherit;}
  .indx_news .newsfr  {  padding-top: 20px; }
  .indx_grow{padding: 30px 0;}
  .indx_grow .indx_growfl h3{padding: 15px 0;}
  .indx_grow .indx_growfr{padding-left: 0; text-align: center;padding-top: 20px;}
  .indx_grow .indx_growfl h2{font-size: 24px;}

  .ne_ws li .nimg{width: 100%;padding-bottom: 73%;}
  .ne_ws li .ntxt{width: 100%;}
  .ne_ws li .ns_bot{width: 85%;}
  .ne_ws li .ntime{width: 15%;}
  .pcs{ display:none;}
  .mbs{ display: block;}
}
 
@media(max-width:767px) {
#onService_panel{ display:none;}
  .rx_top ul li a{font-size: 16px;}
  .ind_search p {line-height:80px;padding-top: 40px;text-align: center;}
  .ind_search .search-box{left: 0%;width: 100%; top: 5%;}
  .rx_top ul li a span{padding: 0;line-height: inherit;display: block;}
  .rx_top ul li a{padding-top: 23px;    background: #d1c9be url(../images/cp_ico02.png) no-repeat 90% 20px;line-height: inherit;}
  .rx_top ul li a:hover, .rx_top ul .cur a { background: #8f8679 url(../images/cp_ico01.png) no-repeat 90% 20px;}
.zx_bg{padding-top: 20px;}
.case_cen .case_ceni .case_fl:nth-child(3){float: left;  }
.case_cen .case_ceni .case_fl:nth-child(4){float: left;  }
.case_cen .case_ceni .case_fr:nth-child(3){float: right;  }
.case_cen .case_ceni .case_fr:nth-child(4){float: right;  }
.indx_title h3{font-size:24px;}
.indx_title p{font-size: 16px;}
.indx_case{padding: 30px 0;}
.indx_qa .qa_tit p{font-size: 24px;}
.qafrcn .img{width: 40%;}
.qafrcn .txt{width: 60%;}
.qafrcn .txt p{padding-top: 8px;    -webkit-line-clamp: 2;}
.qafrcn .txt h3{font-size: 18px;}
.indx_qa .qa_fr{padding-top: 30px;}
.indx_news .nsfl { width: 25%;  }
.indx_news .nsfr {  width:75%;  }
.indx_qa{padding: 30px 0;}

.core_ul li .img1{width: 120px; height: 121px;}
.core_ul li .img2{width: 120px; height: 121px;}
.core_ul li .img3{width: 120px; height: 121px;}
.core_ul li .img4{width: 120px; height: 121px;}
.core_ul li a{padding: 15px 0;}
.indx_core{margin: 30px 0;}
.n_search p{display: none;}
.n_search{ height: 50px;padding: 0 20px;}
.n_search .search-boxs{width: 100%;}

.n_abnav{display: none;}

.np2itm li .np2itmfl{padding-left: 10%;}
.np2itm li .np2itmfr{padding-right: 15%;}
.n_npro2{padding: 30px 0;}

.n_about1 .n_ab1fl{padding-right: 0;}

.n_about1{margin: 20px 0;}
.n_about2{margin: 20px 0;}
.n_title h3{font-size: 20px;}
.n_title p{font-size: 12px;}
.n_title{padding: 10px 0;}

.n_fqatit h3{font-size: 24px;}
.n_fqatit p{font-size:12px;}
.n_faq{margin: 20px 0;}
 
.n_faq .faqul li h3{font-size: 18px;}
.n_faq .faqul li p{font-size: 14px;line-height: 28px;}
.n_faq .faqul{padding-top: 10px;}
.n_caseul li .txt{padding: 15px ;}
.n_caseul2 li .nsfl{width: 25%;}
.n_caseul2 li .nsfr{width: 75%;}
.n_caseul2 li .nsfr span{display: none;}
.n_caseul2 li .nsfl span{font-size: 14px;}
.n_caseul li .txt h2{font-size: 18px;}
.n_case{margin: 30px 0;}
.case_bott .case_tit h3{font-size: 16px;}
.case_bott .case_tit p{font-size: 12px;}
.case_me .casemefl{width: 100%; padding: 15px 0;}
.assesstit h3{font-size: 24px;}
.assesstit p{font-size: 14px;}
.assesstit{margin: 0;padding: 10px 0;}
.n_assess .top p a{width: 48%;}
.assul{padding-top: 20px;}
.forpm h4{font-size: 24px;padding: 30px 0;}
.ditu{margin-top: 30px;}

.ne_ws li .ntxt{padding: 15px;}
.ne_ws li .ns_bot{width: 80%;}
.ne_ws li .ntime{width: 20%;}

  .rx_con ul li .img {
  overflow: hidden;
  height: 160px;
}
.rx_con .layui-col-xs12 {
  width: 50% !important;
}
}
@media(max-width:320px) {
 

}

/*产品详情*/

.preview-canshu {position: relative; height: auto; overflow: hidden; margin: 15px 0; background-color: #F4F4F4}
.preview {width:400px; height:465px; margin: 0; float: left;}
.show-swiper .swiper-pagination {text-align: right; height: 50px; line-height: 50px; background-color: rgba(0,0,0,0.5); color: #fff; bottom: 0; padding-right: 20px; box-sizing: border-box;width: 100%;}
.show-swiper .swiper-pagination-bullet{width: 12px; height: 12px; opacity: 1; background: #fff}
.show-swiper .swiper-pagination-bullet-active {background: #CC0001}
.preview-canshu .gallery-thumbs {padding: 20px 47px; box-sizing: border-box; overflow: hidden}
.preview-canshu .gallery-thumbs .swiper-wrapper {overflow: hidden}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {color: #333}
.preview-canshu .gallery-thumbs .swiper-slide-thumb-active img {border: solid 2px #CC0001; overflow: hidden}
.preview-canshu .gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}
.preview-canshu .gallery-thumbs .swiper-slide-active {
    opacity: 1;
}